<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>title</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css"/>
    <!-- <link rel="stylesheet" type="text/css" href="../css/menu.css" /> -->
    <link rel="stylesheet" type="text/css" href="../css/mzui/css/mzui.min.css" />
    <style>
     th{
            text-align: center;
        }
        td{
            text-align: center;
        }
      /* .infoTop{
	background-color:#d65b5d;
	height:73px;
border-bottom:1px solid #994c00;
	text-align:center;
	 border:1px solid red;
   }
.infoTop a{
	position:absolute;
	height:37px;
	padding:34px 20px 0 20px;
	top:0px;
	left:0px;
	cursor:pointer;
}
.infoTop img{
	height:25px;

}
.infoTop span{
	position:absolute;
	top:24px;
	left:150px;
	font-size:20px;
	height:50px;
	line-height:50px;
	color:#fff;
	cursor:default;
}
.infoTop .nav{
	float:left;
	width:25px;
	height:25px;
	margin:35px 15px auto 20px;
}
.infoTop .moretype{
	position:absolute;
	top:29px;
	right:15px;
	height:40px;
	width:40px;
	line-height:40px;
	color:#fff;
	cursor:pointer;
	background:url() no-repeat right 10px;
	/*background:url() no-repeat right 10px;*/
	/*background-size:20px 20px;
}*/

.infoTop{
	background-color:#d65b5d;
	height:73px;
	border-bottom:1px solid #994c00;
	position:relative;
}
.infoTop span{
	position:absolute;
	top:29px;
	left:15px;
	height:40px;
	width:40px;
	line-height:40px;
	color:#fff;
}
.infoTop .nav{
	float:left;
	width:25px;
	height:25px;
	margin:35px 15px auto 20px;
}
.infoTop .moretype{
	position:absolute;
	top:29px;
	right:15px;
	height:40px;
	width:40px;
	line-height:40px;
	color:#fff;
	cursor:pointer;
	background:url() no-repeat right 10px;
	/*background:url() no-repeat right 10px;*/
			background-size:20px 20px;
}
.infoTop img{
	height:25px;
}
.othertitle {
	margin-top:24px;
	font-size:22px;
	color:#FFFFFF;
	line-height:50px;
	text-align:center;
}
/* 头部切换样式 */
/* 头部切换样式 */
.titlebar {display: none;}
.activebar {display: block;}
/* 头部搜索*/

 .egret-header-search {background-color: #fff; position: absolute; left: 60px; right: 60px; height: 34px; margin-top: 32px;border-radius: 8px;}
		.egret-header-search img {margin-left: 27px; height: 20px; margin-top: 7px;vertical-align: top;}
		.egret-header-search input {line-height: 24px;font-size: 14px;padding-top: 7px;width:70%}
		.egret-header-search input:focus {/*border:0;*/ outline:none;}
/* 头部搜索 */
    </style>
</head>
<body>

	<div class="page">

	    <div class="infoTop" id="infoTop">
	 	<img class="nav" id="openMenu" src=""/>

	 	<div id="homeHeader" class="titlebar activebar">
	 	<div class="egret-header-search"  >
	 	    <img src="" alt="">
			<input id="searchValue" type="search" placeholder="试块号,炉次,产品名,铸件号" autofocus />
        </div>

		</div>
	</div>


    </div>

</body>
<script type="text/javascript" src="../script/public/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/core/core.js"></script>
<!--<script type="text/javascript" src="../script/mzui/js/mzui.min.js"></script>-->
<script type="text/javascript">
	apiready = function(){

	exitApp();

	var searchValue = $("#searchValue").val();


	api.openFrame({
	    name: 'frm_outSourcingReceive',
	    url: 'frm_outSourcingReceive.html',
	    reload:true,
	    pageParam: {
	        searchValue:searchValue
	       },
	    rect: {
		    x:0,
		    y:74,
		    w: 'auto',
			h: 'auto'
	    }
    });
	//右滑打开菜单
		api.addEventListener({
		    name:'swiperight'
		}, function(ret, err){
		   api.openFrame({
	           name: 'leftMenu',
	           url: 'left_menu.html',
	           rect: {
		           x:0,
		           y:0,
		           w:api.winWidth/2,
		           h:api.winHeight
	           }
           });
		});

	//测试--不能触屏

	$("#openMenu").click(function(){
		 api.openFrame({
		           name: 'leftMenu',
		           url: 'left_menu.html',
		           rect: {
			           x:0,
			           y:0,
			           w:api.winWidth/2,
			           h:api.winHeight
		           }
		      });
	    });




	};

$("input").bind("input propertychange",function()
	{
		var searchValue = $("#searchValue").val();
		//$api.fixIos7Bar(header);//兼容IOS
		api.openFrame
			({
	        name: "frm_outSourcingReceive",
	        url: 'frm_outSourcingReceive.html',
	        bounces: false,
	        rect:{
	            x : 0,
				y: 74,
	            w: 'auto',
			    h: 'auto'
	        },
	        delay:200,
	        pageParam: {
				searchValue: searchValue
						},
			reload:true,
	    	});
	});
function exitApp(){
            api.addEventListener({
                name: 'keyback'
            }, function(ret, err){
                api.toast({
                        msg: '再按一次返回键退出'+api.appName,
                        duration:2000,
                        location: 'bottom'
                    });

                    api.addEventListener({
                        name: 'keyback'
                    }, function(ret, err){
                        api.closeWidget({
                                id: 'A6057658489882',     //这里改成自己的应用ID
                                retData: {name:'closeWidget'},
                                silent:true
                            });
                    });

                    setTimeout(function(){
                            exitApp();
                    },3000)
            });
    }

</script>
</html>
